
    /*start åº•éƒ¨è½¬èµšçº¢åŒ…å¼¹å‡ºçª—*/
    #joingroup_mask {
        z-index: 2;
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.4);
    }
    #joingroup_mask .group-grid {
        top: 25%;
        position: absolute;
        width: 90%;
        background-color:#691aca;
        border-radius:10px;
        -webkit-box-shadow:inset 0 0 10px #fff;  
          -moz-box-shadow: 0 0 10px #fff;  
          box-shadow: 0 0 10px #fff;  
            /*height:45%;*/
            margin: 0 5%;
    }

        .vicContent>.vicStars>.vicStarList>li {
            float: left;
            width: 33.3333%;
            background-image:url({$icon.before});
            background-size: contain;
            background-repeat: no-repeat;
            height: 100%;
        }
        .loding{
            width: 1rem;
            margin-left: -.45rem;
            margin-top: -24%;
        }
    #joingroup_mask .group-grid .group-content {
        float: left;
        width:100%;
        padding:10% 5% 5%;
    }

    #joingroup_mask .group-grid .group-content .inputbcg {
        margin-left:3%;
        float: left;
        width: 45%;
        background-color: #FED61A;
        text-align: center;
        margin-bottom: 15px;
        border-radius: 5px;
    }
    #joingroup_mask .group-grid .group-content .inputbcg.inputbcg-color1,
    #joingroup_mask .group-grid .group-content .inputbcg.inputbcg-color4,
    #joingroup_mask .group-grid .group-content .inputbcg.inputbcg-color7 {
        background-color: #f7669d;
    }
    #joingroup_mask .group-grid .group-content .inputbcg.inputbcg-color2,
    #joingroup_mask .group-grid .group-content .inputbcg.inputbcg-color5,
    #joingroup_mask .group-grid .group-content .inputbcg.inputbcg-color8 {
        background-color: #58e06d;
    }
    #joingroup_mask .group-grid .group-content .inputbcg.inputbcg-color3,
    #joingroup_mask .group-grid .group-content .inputbcg.inputbcg-color6{
        background-color: #FED61A;
    }
    #joingroup_mask .group-grid .group-content .inputbcg input.input1 {
        border: none;
        display: block;
        width: 100%;
        outline: none;
        /*background: transparent;*/
        padding: 5%;
        color: #4c099e;
        font-size: .12rem;
    }
.inputmoney{
    top: 17%;
    width: 80%;
    margin: 0 5%;
    text-align: center;
    position: absolute;
}
.inputmoney input{
    color:#fff;
    padding:3% 5%;
    font-size:0.12rem;
    width:80%;
        border: 2px solid rgba(232, 224, 17, 0.92);
      -webkit-box-shadow:inset 0 0 10px #fff;  
          -moz-box-shadow: 0 0 10px #fff;  
          box-shadow: 0 0 10px #fff;  
}
    #joingroup_mask .group-grid .group-content input.submit {
        background-color: #31085B;
        float: left;
        width: 80%;
        margin: 5% 10% 2%;
        text-align: center;
        padding: 4% 5%;
        color: #fff;
        border-radius: 5px;
        border:none;
            
    }
    /*end åº•éƒ¨è½¬èµšçº¢åŒ…å¼¹å‡ºçª—*/
